"""
    需求：
        1. 使用css id选择器 定位用户名 输入admin
        2. 使用css 属性选择 定位密码框 输入123456
        3. 使用css class选择器 定位电话号码 18611112222
        4. 使用css 元素选择器 定位span标签获取文本值
        5. 使用层级选择器 定位email 输入123@qq.com

    常用策略：
        id选择器：
            #id 如：#passwordA
        class选择器：
            .class  如：.telA
        元素选择器：
            element 如：input
        属性选择器：
            [属性名=属性值]
        层级选择器：
            element>element (父子级关系)
            element element (包含父子级关系)

    方法：
        driver.find_element(By.CSS_SELECT, "")
"""

# 导包
from selenium import webdriver
from time import sleep

from selenium.webdriver.common.by import By

# 获取 浏览器对象
driver = webdriver.Chrome()

# 打开注册A.html
url = r"D:\python\python-selenium-learn\a02_元素定位方式\learn-files\注册A.html"
driver.get(url)

# 1. 使用css id选择器 定位用户名 输入admin
driver.find_element(By.CSS_SELECTOR, "#userA").send_keys("admin")

# 2. 使用css 属性选择 定位密码框 输入123456
driver.find_element(By.CSS_SELECTOR, "[name='passwordA']").send_keys("123456")

# 3. 使用css class选择器 定位电话号码 18611112222
driver.find_element(By.CSS_SELECTOR, ".telA").send_keys("18611112222")

# 4. 使用css 元素选择器 定位span标签获取文本值
text = driver.find_element(By.CSS_SELECTOR, "span").text
print("获取的span标签的文本值为：", text)

# 5. 使用层级选择器 定位email 输入123@qq.com
driver.find_element(By.CSS_SELECTOR, "p>input[placeholder='电子邮箱A']").send_keys("123@qq.com")

# 暂停3秒
sleep(3)

# 退出浏览器驱动
driver.quit()


